html {
    scroll-padding-top: 100px;
}

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

%chroma-style {
    padding: 0;
    margin: 0;
}

.chroma .lntable pre code {
    @extend %chroma-style;
}

.chroma .lntable pre {
    @extend %chroma-style;
    border: 0;
}

code {
    padding: 0.2em;
    margin: 0;
    background-color: var(--clr-neutral-100);
    border-radius: 3px;
    font-family: 'JetBrainsMono', monospace;
    font-size: 80%;
    word-break: break-word;
}

pre code {
    display: block;
    padding: 1em;
    line-height: 2;
    overflow-x: auto;
}

pre {
    white-space: pre;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    position: relative;
    border-radius: 3px;
}

.main-inner {
    margin-block: var(--container-spacing);

    & :is(.article, .download, .community, .development) {
        &>p {
            margin: 1.5em 0;
        }

        li {
            margin: 1em 0;
        }

        &:is(h2, h3, h4) {
            margin-top: 3rem;
        }
    }
}